<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="css/main.css">

        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
        <script>
            $('.dropdown-toggle').dropdown();
            $('#zona-tooltip').tooltip(options);
        </script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

        <div class="innova-bar">
            <div class="container">
                <ul class="nav nav-tabs pull-left">
                    <li><a href="#" class="innovaclub">Innovaclub</a></li>
                    <li class="active"><a href="#" class="innovaempleos">Innovaempleos</a></li>
                </ul>
                 <ul class="nav nav-tabs pull-right">
                    <li><a href="#about">Ofertas Laborales</a></li>
                    <li><a href="#contact">Publicar Aviso</a></li>
                </ul>
            </div>
        </div>
        
        
        <div class="container">
            <div class="masthead">
                <div class="logo-area">
                    <img src="img/logo.png" alt="Innova Empleos">
                    <div class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">NEA <b class="caret"></b></a>
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                          <li><a tabindex="-1" href="#">NEA</a></li>
                          <li><a tabindex="-1" href="#">NOA</a></li>
                          <li><a tabindex="-1" href="#">Paraguay</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        

        <!-- Publicar Aviso -->
        <section class="container">
            <div class="row">
                <div class="span8">
                    <form>
                        <h1>Publicar Aviso</h1>
                        <div class="form-row">
                            <label for="puesto-titulo">Puesto <span class="req">*</span></label>
                            <input type="text" name="puesto" id="puesto" class="span8 input-title" />
                        </div>
                        <div class="form-row">
                            <label for="puesto-empresa">Nombre de la empresa que se desea publicar en el Aviso <span class="req">*</span></label>
                            <input type="text" name="puesto-empresa" id="puesto-empresa" placeholder="Sera publicado en el aviso" >
                        </div>
                        <div class="form-row">
                            <label for="puesto-texto">Texto del Aviso <span class="req">*</span></label>
                            <textarea name="puesto-texto" id="puesto-texto" class="span8" rows="8"></textarea>
                        </div>
                        <div class="form-row">
                            <label for="puesto-categoria">Categoria <span class="req">*</span></label>
                            <select name="puesto-categoria" id="puesto-categoria">
                                <option value="1">Seleccionar&hellip;</option>
                            </select>
                        </div>
                        <div class="row form-row">
                            <div class="span4">
                                <label for="provincia">Zona de Publicación <span class="req">*</span></label>
                                <select name="provincia" id="provincia" class="span4">
                                    <option value="0">Provincia&hellip;</option>
                                    <option value="1">Chaco</option>
                                    <option value="2">Corrientes</option>
                                    <option value="3">Misiones</option>
                                    <option value="4">Formosa</option>
                                </select>
                            </div>
                            <div class="span4">
                                <label for="ciudad" class="unshown">Ciudad <span class="req">*</span></label>
                                <select name="ciudad" id="ciudad" class="span4" placeholder="Ciudad" disabled>
                                    <option value="0">Ciudad&hellip;</option>
                                </select>
                            </div>
                            <div class="span8">
                                <a href="#">+ Agregar Zona</a>
                                <i  class="icon-info-sign icon-large" id="zona-tooltip" data-toggle="tooltip" title="Para publicar en varias ciudades cercanas entre si, puede agregar multiples zonas de publicacion"></i>
                            </div>
                        </div>

                        <hr />

                        <h3>Datos de empresa (No se publican)</h3>
                        <p>Los datos de su empresa nos sirven para estar en contacto en caso de que haya algún tipo de problema con el aviso publicado.</p>
                        <div class="form-row">
                            <label for="data-empresa">Nombre de su empresa <span class="req">*</span></label>
                            <input type="text" name="data-empresa" id="data-empresa" placeholder="Nombre de la empresa que registra el aviso" class="span8" >
                        </div>
                        <div class="form-row">
                            <label for="data-logo">Logo de su empresa <span class="req">*</span></label>
                            <span class="help-block">El logo debe tener un tamaño de 120px x 80px</span>
                            <input type="file" name="data-logo" id="data-logo" value="Cargar Logo" >
                        </div>
                        <div class="form-row">
                            <label for="data-persona">Persona de Contacto (No se publica) <span class="req">*</span></label>
                            <input type="text" name="data-persona" id="data-persona" >
                        </div>
                        <div class="form-row">
                            <label for="data-tel">Teléfono - Indique un Teléfono de Contacto (No se publica)</label>
                            <input type="text" name="data-tel" id="data-tel" >
                        </div>
                        <div class="form-row">
                            <label for="data-email">Email (No se publica) <span class="req">*</span></label>
                            <input type="text" name="data-email" id="data-email" >
                            <span class="help-block">Los CV de los postulantes seran enviados a esta cuenta de correo.</span>
                        </div>
                        <div class="form-row">
                            <label for="data-email2">Confirme su Email (No se publica) <span class="req">*</span></label>
                            <input type="text" name="data-email2" id="data-email2" >
                        </div>

                        <h2>Información Adicional</h1>
                        <div class="form-row otros-medios">
                            <label>En que otros medios vio o publicó el aviso? <span class="req">*</span></label>
                            <div class="row">
                                <div class="span4">
                                    <label for="propia">
                                        <input type="checkbox" id="propia" name="propia" />
                                        Propia
                                    </label>
                                    <label for="portal">
                                        <input type="checkbox" id="portal" name="portal" />
                                        Portal de empleos
                                    </label>
                                    <label for="computrabajo">
                                        <input type="checkbox" id="computrabajo" name="computrabajo" />
                                        Computrabajo
                                    </label>
                                    <label for="diario1">
                                        <input type="checkbox" id="diario1" name="diario1" />
                                        Diario Territorio
                                    </label>
                                </div>
                                <div class="span4">
                                    <label for="diario2">
                                        <input type="checkbox" id="diario2" name="diario2" />
                                        Diario Primera Línea
                                    </label>
                                    <label for="diario3">
                                        <input type="checkbox" id="diario3" name="diario3" />
                                        Diario Primera Edición
                                    </label>
                                    <label for="diario4">
                                        <input type="checkbox" id="diario4" name="diario4" />
                                        Diario Norte
                                    </label>
                                    <label for="diario5">
                                        <input type="checkbox" id="diario5" name="diario5" />
                                        Diario Época
                                    </label>
                                </div>
                            </div>
                            
                            <label for="medio-otro">
                                <input type="checkbox" id="medio-otro" name="medio-otro" />
                                Otros: 
                                <input type="text" name="data-pub" id="data-pub" class="input-otro" >
                            </label>
                        </div>
                        <div class="row form-row">
                            <div class="span8">
                                <label for="captcha">Rellená el código para ayudarnos a evitar el spam <span class="req">*</span></label>
                                <input id="captcha" type="text">
                            </div>
                        </div>
                        <input type="submit" class="btn btn-primary btn-large publicar-aviso" value="Publicar Aviso" />
                        <small class="help-block">Al publicar el aviso, usted está aceptando nuestros <a href="#">Términos y Condiciones</a></small>
                    </form>
                </div>
                <div class="span4">
                    <div class="sidebar">
                        <div class="side-box como-destacar">
                            <h3>Destaca tu aviso</h3>
                            <ul>
                                <li>Publicaciones con tu logo</li>
                                <li>Avisos en Medios Graficos locales</li>
                                <li>Consulta planes especiales</li>
                            </ul>
                            <div class="call-phone">
                                <strong>Llamanos: 0362-4445417/18</strong>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <!-- Pie de página -->
        <footer>
            <div class="container">
                <div class="row">

                    <div class="span3">
                        <ul class="nav nav-list">
                            <li><a href="#">Ayuda Postulantes</a></li>
                            <li><a href="#">Ayuda Empresas</a></li>
                            <li><a href="#">Contacto Comercial</a></li>
                        </ul>
                    </div>
                    <div class="span3">
                        <ul class="nav nav-list">
                            <li><a href="#">Quiénes Somos</a></li>
                            <li><a href="#">Términos y Condiciones</a></li>
                            <li><a href="#">Políticas de Privacidad</a></li>
                        </ul>
                    </div>

                    <div class="span3 offset3">
                        Seguinos:
                        <a href="#" class="icon-stack social facebook"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-facebook"></i></a>
                        <a href="#" class="icon-stack social twitter"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-twitter"></i></a>
                        <a href="#" class="icon-stack social linkedin"><i class="icon-circle icon-stack-base"></i><i class="icon-light icon-linkedin"></i></a>

                        <div class="innova-banner">
                            <span>Querés capacitarte? Visitá:</span>
                            <a href="#"><img src="img/logo-iclub.png" alt="Visita Innova Club" /></a>
                        </div>
                    </div>
                </div>
                <div class="copy">&copy; Innova Empleos 2014. Todos los derechos reservados.</div>
            </div>
        </footer>


        <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> -->
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>

        <script src="js/vendor/bootstrap.min.js"></script>
        <script src="js/vendor/holder.js"></script>

        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>

        <script>
            // var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            // (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            // g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
            // s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
    </body>
</html>
